<script type="text/javascript">

    var messageScript =
    {
        emailError : "Email no v&aacute;lido",
        emailRepeatedError : "ya se encuentra agregado a la lista"
    };

    tinyMCE.init({
        // General options
        mode : "exact",
        height : "300",
        width  : "630",
        elements : "txta_acuerdo_texto",
        theme : "advanced",
        plugins : "autolink,lists,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,wordcount,advlist",

        // Theme options
        theme_advanced_buttons1 : "bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
        theme_advanced_buttons2 : "",
        theme_advanced_toolbar_location : "top",
        theme_advanced_toolbar_align : "left",
        theme_advanced_statusbar_location : "bottom",
        theme_advanced_resizing : true,

        // Example content CSS (should be your site CSS)


        // Drop lists for link/image/media/template dialogs
        template_external_list_url : "lists/template_list.js",
        external_link_list_url : "lists/link_list.js",
        external_image_list_url : "lists/image_list.js",
        media_external_list_url : "lists/media_list.js",

        // Style formats
        style_formats : [
            {title : 'Bold text', inline : 'b'},
            {title : 'Red text', inline : 'span', styles : {color : '#ff0000'}},
            {title : 'Red header', block : 'h1', styles : {color : '#ff0000'}},
            {title : 'Example 1', inline : 'span', classes : 'example1'},
            {title : 'Example 2', inline : 'span', classes : 'example2'},
            {title : 'Table styles'},
            {title : 'Table row 1', selector : 'tr', classes : 'tablerow1'}
        ],

        // Replace values for the template plugin
        template_replace_values : {
            username : "Some User",
            staffid : "991234"
        }
    });
</script>


<script type="text/javascript">
function f_registrar_acuerdo(){
    var ed = tinyMCE.get('txta_acuerdo_texto');
    execute_f_new_acuerdo(ed.getContent());
}


function execute_f_new_acuerdo(html){
   if(f_validate_form_sign_in_acuerdo()){
        $("#botonera").hide();
        $("#msj-titulo").hide();
        $("#div_resultado_acuerdo").hide();
        $("#imgload").show();

        $.ajax({
            type: "POST",
            url: "<?php echo 'util/registrar_acuerdo' ?>",
            data:{
                txt_acuerdo_titulo : $("#txt_acuerdo_titulo").val(),
                userip             : $("#userip").val(),
                txta_acuerdo_texto : html,
                rad_acuerdo_aprobacion : $("input[name='rad_acuerdo_aprobacion']:checked").val(),
                txt_etiquetas      : $("#txt_add_etiqueta").val()
            } ,
            success: function(datos){
                $("#msj-titulo").removeClass().addClass('exito');
                $("#msj-titulo").html(datos);
                $("#msj-titulo").fadeIn();
                $("#txt_acuerdo_cont_cor").focus();
                $("#content-email").html('<div id="aux-div"></div>');
                $("#imgload").hide();
                $("#botonera").show();
                $("#div_resultado_acuerdo").fadeIn();
                 setTimeout('closeacuerdo()',1700);
            },
            error:function(){
                $("#imgload").hide();
                $("#botonera").show();
                $("#div_resultado_acuerdo").fadeIn();
            }
        });
    }
}


function success_add_contact_acuerdo(data)
{
             var all_true = false;
            var count_true = 0;
            $("#msj-titulo").html('');
            for(var i=0;i<data.count;i++){
                if(data.success[i]){
                    count_true++;
                    if(count_true==data.count){
                        all_true = true;
                    }
                    if(all_true){
                        $("#msj-titulo").hide();
                    }

                    // se convierten los caracteres para que se pueda hacer el efecto de eliminacion
                    var email_without_at = data.emails[i];
                    email_without_at = email_without_at.replace("@", "-at-");
                    email_without_at = email_without_at.replace(/\./g, "-");

                     var newdiv ='<div class="style_div_add_contact" id=d-token'+email_without_at+'>'+
                     '<div class="div_contact">'+data.emails[i]+'</div>'+
                     '<div class="div_image"><a class="style_div_delete_contact" href="javascript:void(0);" onclick="f_delete_detail_contact_acuerdo(\''+data.emails[i]+'\',\''+data.emails[i]+'\')" ></a></div>'+
                     '</div>';
                    $(newdiv).insertBefore("#aux-div");

                    $("#txt_acuerdo_cont_cor").val('');
                    $("#txt_acuerdo_cont_cor").focus();
                    $("#txt_acuerdo_cont_cor").select();
                }else
                {
                    if(data.code[i]==25100){
                         $("#msj-titulo").removeClass().addClass('error');
                         $("#msj-titulo").append('<p>"'+data.emails[i]+'" '+messageScript.emailError+'</p>');
                    }
                    else if(data.code[i]==25300)
                    {
                        $("#msj-titulo").removeClass().addClass('error');
                        $("#msj-titulo").append('<p>"'+data.emails[i]+'" '+messageScript.emailRepeatedError+'</p>')
                        $("#txt_acuerdo_cont_cor").select();
                    }
                    else if(data.code[i]==25400)
                    {
                        $("#msj-titulo").removeClass().addClass('error');
                        $("#msj-titulo").append('<p>'+data.message[i]+'</p>');
                        $("#txt_acuerdo_cont_cor").select();
                    }
                    else if(data.code[i]==88000){
                         alert('su session ha expirado');
                         window.location.href = 'saml/logout';
                    }
                    $("#msj-titulo").fadeIn();
                }
            }

}

function f_add_detail_contact_acuerdo(){
    $.ajax({
        type: "POST",
        url: "util/agregar_detalle_contacto_acuerdo",
        data: "txt_acuerdo_cont_cor="+$("#txt_acuerdo_cont_cor").val(),
        success: function(data){
                    success_add_contact_acuerdo(data);
        }
    });
}


 function f_delete_detail_contact_acuerdo(item,div){
        var email_without_at = div;
        email_without_at = email_without_at.replace("@", "-at-");
        email_without_at = email_without_at.replace(/\./g, "-");
        $.ajax({
                type: "POST",
                url: "<?php echo url_for('util/eliminar_detalle_contacto_acuerdo') ?>",
                data: "item_contacto_acuerdo="+item,
                success: function(data){
                  if(data.success){
                      $("#d-token"+email_without_at).fadeOut('500', function(){$(this).remove();})
                  }
                }
        });
}


</script>

<div class="btn-sub-bar" id="crear-acuerdo-div" title="crear acuerdo">
    <div class="div_bar_icon"><?php echo image_tag('implementacion/sub-bar-icon-more.png'); ?></div>
    <div class="text-btn-sub-bar div_bar_text"><a id="crear-acuerdo-a" title="crear acuerdo" href="javascript:void(0);">Crear acuerdo</a></div>
</div>

<script type="text/javascript">

$(document).ready(function(){

     $("#txt_acuerdo_cont_cor").keypress(function(event){
                  if (event.which == 13) {
                        add_contact_acuerdo();
                    }
    });

$("#crear-acuerdo-div").click(function(){ show_acuerdo();   });

$("#help-acuerdo").hover(
function(){ $("#text-help-acuerdo").show();},
function(){$("#text-help-acuerdo").hide();}
);

$.fx.speeds._default = 400;
$('#dialog_acuerdo').dialog({
            autoOpen: false,
            width:700,
            modal: true,
            resizable: false
         });
         // show_acuerdo();





});


function show_acuerdo(){
    $('#div_box_acuerdo').show();
    $('#dialog_acuerdo').dialog("open");
    $('#msj-titulo').hide();
    $('#txt_acuerdo_cont_cor').select();
    $('#txt_acuerdo_cont_cor').focus();
}

function hide_acuerdo(){
     $('#dialog_acuerdo').dialog("close");
}

function add_contact_acuerdo(){
       if(validate_texto()){
             f_add_detail_contact_acuerdo();
       }
}



function f_validate_form_sign_in_acuerdo(){

 var ed = tinyMCE.get('txta_acuerdo_texto');


 var _oflag = {
               "success":false,
               "mesage_html":'null',
               "label":'null',
               "label_return":'null',
               "class_div":'null'
              }
 var _otext = {
               "msj":'#msj-titulo',
               "email":'#txt_acuerdo_cont_cor',
               "title":'#txt_acuerdo_titulo',
               "description":'#elm1'
              }
 var _oclass ={
               "error":'error',
               "efect_p":'pulsate',
               "addcontac":'.style_div_add_contact'
             }

  var arrayEmails = $("#txt_acuerdo_cont_cor").val();
  
  if( arrayEmails=="" && $(".style_div_add_contact").length>0)
  {
           
            if($(_otext.title).val()!="")
            {
                if(ed.getContent()!=""){
                     return true;
                }else{                 
                    _oflag.mesage_html = '<b>Ingrese una descripci&oacute;n de acuerdo para poder continuar</b>';
                    _oflag.label = _otext.msj;
                    _oflag.label_return =_otext.description;
                    _oflag.class_div = _oclass.error;
                }
            }else{                
                _oflag.mesage_html = '<b>Ingrese un t&iacute;tulo para poder continuar</b>';
                _oflag.label = _otext.msj;
                _oflag.label_return =_otext.title;
                _oflag.class_div = _oclass.error;
            }
             
  }
  else
  {
      if(validate_texto())
      {

                        $.ajax({
                                type: "POST",
                                url: "<?php echo url_for('util/agregar_detalle_contacto_acuerdo') ?>",
                                data: "txt_acuerdo_cont_cor="+$("#txt_acuerdo_cont_cor").val(),
                                complete: function(){

                                      if(_oflag.success){
                                            f_registrar_acuerdo();
                                      }else{
                                        $(_oflag.label).removeClass().addClass(_oflag.class_div);
                                        $(_oflag.label).html(_oflag.mesage_html);
                                        $(_oflag.label).fadeIn();
                                        $(_oflag.label_return).focus();
                                        $(_oflag.label_return).select();

                                       }
                                },
                                success: function(data){

                                    success_add_contact_acuerdo(data);

                                    if($(_oclass.addcontac).length>0)
                                    {
                                                    if($(_otext.title).val()!="")
                                                    {
                                                        if(ed.getContent()!=""){
                                                             _oflag.success = true;
                                                        }else{
                                                            _oflag.success = false;
                                                            _oflag.mesage_html = '<b>Ingrese una descripci&oacute;n de acuerdo para poder continuar</b>';
                                                            _oflag.label = _otext.msj;
                                                            _oflag.label_return =_otext.description;
                                                            _oflag.class_div = _oclass.error;
                                                        }
                                                    }else{
                                                        _oflag.success = false;
                                                        _oflag.mesage_html = '<b>Ingrese un t&iacute;tulo para poder continuar</b>';
                                                        _oflag.label = _otext.msj;
                                                        _oflag.label_return =_otext.title;
                                                        _oflag.class_div = _oclass.error;
                                                    }
                                      }
                                      else
                                      {
                                                     _oflag.success = false;
                                                     _oflag.mesage_html = '<b>Ingrese un email para poder continuar</b>';
                                                     _oflag.label = _otext.msj;
                                                     _oflag.label_return =_otext.email;
                                                     _oflag.class_div = _oclass.error;
                                                    $("#btn-add-new-contact-email-acuerdo").fadeOut(500,function(){
                                                        $(this).effect(_oclass.efect_p, { times:3 }, 800);
                                                    });
                                       }

                                    }
                          });

       }
  }
 
          
      
}

function validate_texto(){
   
    var arrayEmails = $("#txt_acuerdo_cont_cor").val();

    if($(".style_div_add_contact").length<=0 && arrayEmails=="")
    {    
        $("#msj-titulo").removeClass().addClass('error');
        $("#msj-titulo").html('<b>Ingrese un email para poder continuar</b>');
        $("#msj-titulo").fadeIn();
        return false;
    }



    arrayEmails    =  arrayEmails.split(',');
    for(var i = 0;i<arrayEmails.length;i++ )
    {
       if(validateTextEmail(arrayEmails[i]))
       {
           if($("#txt-aceptor-user-actual").val()==arrayEmails[i])
           {
                $("#msj-titulo").removeClass().addClass('error');
                $("#msj-titulo").html('<b>No puede agregar su mismo email.</b><p>Recuerde que tampoco puede agregar un correo asociado a su cuenta.');
                $("#msj-titulo").fadeIn();
                return false;
           }
       }
       else
       {
                
                   $("#msj-titulo").removeClass().addClass('error');
                   $("#msj-titulo").html('<b>Unos de los emails ingresados no es correcto.</b><p>Verifique que los correos esten separados correctamente por comas (,)');
                   $("#msj-titulo").fadeIn();
                   return false; 
                

       }
    }    
    return true;
}

function validateEmail(id){
      var texto=$(id).val();
      var filter_email=/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
      if (!filter_email.test(texto)){
        return false
      }
      return true;
}

function validateTextEmail(texto){
      var filter_email=/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
      if (!filter_email.test(texto)){
        return false
      }
      return true;
}


</script>





<div  id="dialog_acuerdo" title="<?php for($i=0;$i<60;$i++){echo'&nbsp';} ?>REGISTRAR ACUERDO" style="display: none;background: #F9F9F9;">

<div id="div_box_acuerdo">
    <form name="frm_registrar_acuerdo" id="frm_registrar_acuerdo" method="post" action="?">

        <div class="text-div-acuerdo-acta">
            <p><span>En esta p&aacute;gina puedes crear un nuevo acuerdo, recuerda que una vez creado no podr&aacute;s modificarlo.</span></p>
            <p><span>Para ingresar textos de mayor tama&ntilde;o o incluir documentos y gr&aacute;ficos en tus acuerdos debes tener una cuenta profesional, inscr&iacute;bete </span><a href="<?php echo sfConfig::get('app_url_planes') ?>" target="_blank">aqu&iacute;</a></p>
        </div>
        <div  class="text-div-acuerdo-acta">
            <div>
                   <div style="width: 96%;height: auto;">
                        <div class="error" id="msj-titulo" style="display: none;"></div>
                   </div>
            </div>
            <div class="label-acuerdo-acta">
                <label>E-mails:</label><span style="color: #787878;">&nbsp;(Agregar uno a la vez)</span>
            </div>
            <div>
                <div class="text-div-acuerdo-acta-divs"><input tabindex="1" style="width: 605px;" type="text" name="txt_acuerdo_cont_cor" id="txt_acuerdo_cont_cor"/></div>
                <div class="text-div-acuerdo-acta-divs"><a id="btn-add-new-contact-email-acuerdo" title="agregar nuevo e-mail" class="a-add-form" href="javascript:void(0);" onclick="add_contact_acuerdo();"></a></div>
                <div id="content-email" style="display: inline-block;margin-top: 3px;width: 97%;">
                    <div id="aux-div"></div>
                </div>
            </div>
            <div class="label-acuerdo-acta">
                <label>T&iacute;tulo:</label>
            </div>
            <div>
                <div class="text-div-acuerdo-acta-divs"><input tabindex="2" style="width: 626px;" type="text" name="txt_acuerdo_titulo" id="txt_acuerdo_titulo"/></div>
            </div>
            <div class="label-acuerdo-acta">
                <label>Acuerdo:</label>
            </div>
            <div style="height: 300px;width:660px;">
                <div class="text-div-acuerdo-acta-divs" style="float: left;">
                       <textarea tabindex="3" id="txta_acuerdo_texto" name="txta_acuerdo_texto" rows="25" cols="15"></textarea>
                </div>
            </div>
            <div class="label-acuerdo-acta" style="margin-top: 23px;">
                <label>Etiquetas:</label>
            </div>
            <div>
                <div class="text-div-acuerdo-acta-divs">
                    <input tabindex="4" style="width: 605px;" type="text" id="txt_add_etiqueta" name="txt_add_etiqueta" />
                    <a id="tip-tip-acuerdo" title="Recuerda separarlo por ',' ejemplo: clientes, empresa, contratos">
                     <div id="help-acuerdo"></div>
                   </a>
                </div>
            </div>
            <div style="margin-top: 15px;">
                <div class="cls-option-email" >
                    <ul style="margin-left: -25px;">
                        <li><input tabindex="5" type="radio" checked name="rad_acuerdo_aprobacion" value="1"/><span style="color: #787878;">Deseo recibir un email por cada aprobaci&oacute;n.</span></li>
                        <li><input tabindex="6" type="radio" name="rad_acuerdo_aprobacion" value="2"/><span style="color: #787878;">Deseo recibir un email luego de todas las aprobaciones.</span></li>
                        <li><input tabindex="7" type="radio" name="rad_acuerdo_aprobacion" value="3"/><span style="color: #787878;">No deseo recibir ning&uacute;n email de las aprobaciones.</span></li>
                    </ul>
                </div>
            </div>

        </div>

    <div>
        <div align="center" id="div_resultado_acuerdo" style="display: none;"></div>
        <div id="botonera" class="botonera-div-flotante">
            <div style="margin-left: 135px;">
                <a  tabindex="8" class="cls-btn-a cls-btn-a-font" href="javascript:void(0);" onclick="f_registrar_acuerdo();">
                    Enviar
                </a>
            </div>
            <div style="margin-left: 5px;">
                <a class="cls-btn-a cls-btn-a-font" tabindex="9" href="javascript:void(0);" onclick="hide_acuerdo()">
                   Salir
                </a>
            </div>
        </div>
        <div id="imgload" align="center" style="display: none;">
            <?php echo image_tag('ajax-loader.gif') ?>
        </div>
    </div>
        <div align="right" style="display: block;">
                <?php echo image_tag('logo_aceptor.png','size=104x29') ?>
     </div>
     </form>
</div>
     <input type="hidden" id="txt-aceptor-user-actual" value="<?php echo $email_user ?>" />
</div>


<script type="text/javascript">
function closeacuerdo(){
    $('#dialog_acuerdo').dialog('close');
}
</script>